<!DOCTYPE html>

<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->

<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->

<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->

<!-- BEGIN HEAD -->

<head>


	<title>交通系统</title>

	<meta content="width=device-width, initial-scale=1.0" name="viewport" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<meta content="" name="description" />

	<meta content="" name="author" />

	<!-- BEGIN GLOBAL MANDATORY STYLES -->

	<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"/>

	<link href="css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>

	<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css"/>

	<link href="css/style-metro.css" rel="stylesheet" type="text/css"/>

	<link href="css/style.css" rel="stylesheet" type="text/css"/>

	<link href="css/style-responsive.css" rel="stylesheet" type="text/css"/>

	<link href="css/default.css" rel="stylesheet" type="text/css" id="style_color"/>

	<link href="css/uniform.default.css" rel="stylesheet" type="text/css"/>

	<!-- END GLOBAL MANDATORY STYLES -->

	<!-- BEGIN PAGE LEVEL STYLES -->

	<link rel="stylesheet" type="text/css" href="css/select2_metro.css" />

	<link rel="stylesheet" type="text/css" href="css/chosen.css" />

	<!-- END PAGE LEVEL STYLES -->

	<link rel="shortcut icon" href="image/favicon.ico" />


</head>

<!-- END HEAD -->

<!-- BEGIN BODY -->

<body class="page-header-fixed">

	<!-- BEGIN CONTAINER -->

	<div class="page-container row-fluid">


			<!-- BEGIN PAGE CONTAINER-->

			<div class="container-fluid">

				<!-- BEGIN PAGE CONTENT-->

				<div class="row-fluid">

					<div class="span12">

						<!-- BEGIN VALIDATION STATES-->

						<div class="portlet box blue">

							<div class="portlet-title">

								<div class="caption"><i class="icon-reorder"></i>绑定车辆</div>

								<div class="tools">

									<a href="javascript:;" class="reload" ></a>

								</div>

							</div>

							<div class="portlet-body form">

								<!-- BEGIN FORM-->

								
								<form action="vihicle_modify.action" id="form_sample_1" class="form-horizontal" method="post">
                                    <input type="hidden" name="userId" />
                                    <input type="hidden" name="vihicleId" />
									<div class="alert alert-error hide">
										<button class="close" data-dismiss="alert"></button>

										您有些操作错误，请核对后再提交

									</div>

									<div class="alert alert-success hide">

										<button class="close" data-dismiss="alert"></button>

										您成功录入了信息!

									</div>
									
									<div class="alert alert-reload hide">

										<button class="close" data-dismiss="alert"></button>

										您已成功刷新信息!

									</div>
									<div class="control-group success">

										<label class="control-label">车主姓名<span class="required">*</span></label>

										<div class="controls">
											<input type="text" name="name" data-required="1" class="span11 m-wrap" />
										</div>

									</div>
									<div class="control-group">

										<label class="control-label">号牌种类<span class="required">*</span></label>

										<div class="controls">

											<input type="text" name="vihicleType" data-required="1" class="span11 m-wrap"/>

										</div>

									</div>
									<div class="control-group">

										<label class="control-label">号牌号码<span class="required">*</span></label>

										<div class="controls">

											<input type="text" name="vihicleNumber" data-required="1" class="span11 m-wrap"/>

										</div>

									</div>
									<div class="control-group">

										<label class="control-label">车识别号<span class="required">*</span></label>

										<div class="controls">

											<input type="text" name="vihicleIdentifyNumber" data-required="1" class="span11 m-wrap"/>

										</div>

									</div>
									<div class="control-group">

										<label class="control-label">身份证号<span class="required">*</span></label>

										<div class="controls">

											<input type="text" name="cardNumber" data-required="1" class="span11 m-wrap"/>

										</div>

									</div>
									<div class="control-group">

										<label class="control-label">手机号码<span class="required">*</span></label>

										<div class="controls">

											<input type="text" name="phoneNumber" data-required="1" class="span11 m-wrap"/>

										</div>

									</div>

									<div class="form-actions">
                                       
										<button type="submit" class="btn blue pull-right button-right-small">绑定用户<i class="m-icon-swapright m-icon-white"></i></button>　　
									    <button type="button" class="btn pull-right button-right-min">停止操作</button>
									</div>

								</form>

								<!-- END FORM-->

							</div>

						</div>

						<!-- END VALIDATION STATES-->

					</div>

				</div>

				<!-- END PAGE CONTENT-->         

			</div>

			<!-- END PAGE CONTAINER--> 

	</div>

	<!-- END CONTAINER -->

<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->

	<!-- BEGIN CORE PLUGINS -->

	<script src="js/jquery-1.10.1.min.js" type="text/javascript"></script>

	<script src="js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>

	<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->

	<script src="js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>      

	<script src="js/bootstrap.min.js" type="text/javascript"></script>

	<!--[if lt IE 9]>

	<script src="js/excanvas.min.js"></script>

	<script src="js/respond.min.js"></script>  

	<![endif]-->   

	<script src="js/jquery.slimscroll.min.js" type="text/javascript"></script>

	<script src="js/jquery.blockui.min.js" type="text/javascript"></script>  

	<script src="js/jquery.cookie.min.js" type="text/javascript"></script>

	<script src="js/jquery.uniform.min.js" type="text/javascript" ></script>

	<!-- END CORE PLUGINS -->

	<!-- BEGIN PAGE LEVEL PLUGINS -->

	<script type="text/javascript" src="js/jquery.validate.js"></script>

	<script type="text/javascript" src="js/additional-methods.min.js"></script>

	<script type="text/javascript" src="js/select2.min.js"></script>

	<script type="text/javascript" src="js/chosen.jquery.min.js"></script>

	<!-- END PAGE LEVEL PLUGINS -->

	<!-- BEGIN PAGE LEVEL STYLES -->

	<script src="js/app.js"></script>

	<script src="js/form-validation.js"></script> 

	<!-- END PAGE LEVEL STYLES -->  
	
	<!-- 开始打印用户信息 --> 
	
	 <script src="js/vihicle.js"></script> 
	  
    <!-- 结束打印用户信息 --> 
	<script>

		jQuery(document).ready(function() {   

		   FormValidation.init();

		});

	</script>

	<!-- END JAVASCRIPTS -->   

</body>

<!-- END BODY -->

</html>